var cont = Array();

var texto = prompt("Introduce caracteres seguidos");
if (texto == "") {
	document.getElementById("contenedor").innerHTML = "No has introducido nada";
} else {
	var l = texto.length;
	document.getElementById("contenedor").innerHTML = "";

	for (var i = 0; i < l; i++) {
		var tmp = texto[i];
		if (!isNaN(tmp)) {
			esNumero(tmp);
		}
	}

	pintar();
}

function pintar() {
	for(var c in cont) {
		document.getElementById("contenedor").innerHTML += cont[c].html;
	}
}

function esNumero(numero) {
	var obj;
	if (numero == 0) {
		obj = new Caracter(true,true,false,true,true,true,true);
	} else if (numero == 1) {
		obj = new Caracter(false,false,false,false,false,true,true);
	} else if (numero == 2) {
		obj = new Caracter(true,true,true,false,true,true,false);
	} else if (numero == 3) {
		obj = new Caracter(true,true,true,false,false,true,true);
	} else if (numero == 4) {
		obj = new Caracter(false,false,true,true,false,true,true);
	} else if (numero == 5) {
		obj = new Caracter(true,true,true,true,false,false,true);
	} else if (numero == 6) {
		obj = new Caracter(true,true,true,true,true,false,true);
	} else if (numero == 7) {
		obj = new Caracter(true,false,false,true,false,true,true);
	} else if (numero == 8) {
		obj = new Caracter(true,true,true,true,true,true,true);
	} else if (numero == 9) {
		obj = new Caracter(true,true,true,true,false,true,true);
	}
	
	cont.push(obj);
}

function Caracter(arriba, abajo, centro, izquierdaArriba, izquierdaAbajo, derechaArriba ,derechaAbajo) {
	var texto = '<div class="caja">\r\n';

	if (arriba) {
		texto += '<div class="horizontal" id="arriba"></div>\r\n';
	}
	if (abajo) {
		texto += '<div class="horizontal" id="abajo"></div>\r\n';
	}
	if (centro) {
		texto += '<div class="horizontal" id="centro"></div>\r\n';
	}
	if (izquierdaArriba) {
		texto += '<div class="vertical" id="izquierdaArriba"></div>\r\n';
	}
	if (izquierdaAbajo) {
		texto += '<div class="vertical" id="izquierdaAbajo"></div>\r\n';
	}
	if (derechaArriba) {
		texto += '<div class="vertical" id="derechaArriba"></div>\r\n';
	}
	if (derechaAbajo) {
		texto += '<div class="vertical" id="derechaAbajo"></div>\r\n';
	}

	texto += "</div>\r\n";
	this.html = texto;
}